// 拿到 id 和 token , 验证
const id = window.localStorage.getItem("id");
const token = window.localStorage.getItem("token");
if (!id || !token) {
    window.localStorage.setItem("url", "./list");
    window.location.href = `./login.html`;
}
// 判断登录状态是否到期
getLogin();
function getLogin() {
    ajax({
        url: "http://localhost:8888/users/info",
        data: `id=${id}`,
        token: token,
        dataType: "json",
        success(res) {
            if (res.code === 1) {
                console.log(res);
                $(".loginBox>li:first").text(`欢迎您,${res.info.nickname}`);
                $(".shadowNick").text(`${res.info.nickname}`);
            } else {
                window.localStorage.setItem("url", "./list");
                window.location.href = `./login.html`;
            }
        },
    });
}
// 一页显示多少条
let pagesize
let current = 1;
// 渲染搜索下分类
getSort();
function getSort() {
    $.get("http://localhost:8888/goods/category", (res) => {
        let str = "";
        console.log([...res.list]);
        [...res.list].forEach(item => {
            $(".searchBox > ul").html((str += `<li>${item}</li>`));
        });
        // res.list.forEach(item => {
        //     $(".searchBox > ul").html((str += `<li>${item}</li>`));
        // });
    });
}
// 渲染列表页
getList();
function getList() {
    $.get(
        "http://localhost:8888/goods/list",
        `pagesize=60&current=${current}`,
        res => {
            console.log(res);
            let str = "";
            [...res.list].forEach(item => {
                $(".cent").html(
                    (str += `<div class="goods" data-id='${item.goods_id}'>
        <div class="goodPic">
            <img src="${item.img_big_logo}" alt="">
        </div>
        <div class="goodsInt">
            <p class="goodsTitle">${item.title}</p>
            <p class="goodsPrice"><span class="goodsPrice1">￥${item.current_price}</span><span class="goodsPrice2"><del>￥${item.price}</del></span></p>
            <p class="goodsStore">千峰教育</p>
            <p class="goodsSale">已售${item.goods_number}</p>
        </div>
    </div>`)
                );
            });
        }
    );
}

// 这是点击退出登录
outLogin();
function outLogin() {
    $(".outLogin").click(() => {
        window.localStorage.removeItem("id");
        window.localStorage.removeItem("token");
        window.location.reload();
    });
}

//渲染猜你喜欢分类
getGuess();
function getGuess() {
    $.get("http://localhost:8888/goods/category", (res) => {
        let str = "您是不是想找:";
        [...res.list].slice(0, 12).forEach((item) => {
            $(".guess").html((str += `<span>${item}</span>`));
        });
    });
}

// 这是上一页点击
pageBefore();
function pageBefore() {
    $(".bott>span:eq(0)").click(function () {
        if (current <= 1) return;
        current--;
        getList();
        window.scrollTo({
            top: 0,
        });
    });
}

// 这是下一页点击
pageNext();
function pageNext() {
    $(".bott>span:eq(1)").click(function () {
        $.get(
            "http://localhost:8888/goods/list",
            `pagesize=60&current=${current}`,
            (res) => {
                console.log(res.total);
                if (current >= res.total) return;
                current++;
                getList();
                window.scrollTo({
                    top: 0,
                });
            }
        );
    });
}


// 样式
getCss();
function getCss() {
    $(".ind").mouseenter(function () {
        $(".ind").css("background-color", "white");
        $(".loginShadow").css("display", "block");
    });

    $(".loginShadow").mouseleave(function () {
        $(".ind").css("background-color", "rgba(0,0,0,0)");
        $(".loginShadow").css("display", "none");
    });

    //点击商品进入详情页
    $(".cent").on("click", ".goods", e => {
        e = e || window.event;
        const target = e.target || e.srcElement
        window.localStorage.setItem("goods_id", `${target.dataset.id}`);
        window.location.href = "./detail.html";
    });
}


// 这是底部菜单栏
// getButList();
// function getButList() {
//     let str = "";
//     const arr = [
//         "联系客服",
//         "开放平台",
//         "法律声明",
//         "廉正举报",
//         "Taobao.com版权所有 2003-现在",
//         "增值电信业务经营许可证：浙B2-20070195 浙公网安备 33010002000075号",
//         "阿里巴巴集团",
//         "淘宝网",
//         "天猫",
//         "聚划算",
//         "全球速卖通",
//         "阿里巴巴国际交易市场",
//         "1688",
//         "阿里妈妈",
//         "飞猪",
//         "阿里云计算",
//         "AliOS",
//         "阿里通信",
//         "高德",
//         "UC友盟",
//         "虾米",
//         "阿里星球",
//         "钉钉",
//         "支付宝",
//         "达摩院",
//     ];
//     arr.forEach((item) => {
//         $("footer>div").html((str += `<a href="">${item}</a>`));
//     });
// }
